<template>
  <div class="option_content">
    <van-nav-bar title="设置" left-arrow @click-left="onClickLeft" />
    <van-cell title="个人资料" is-link />
    <van-cell title="隐私" is-link />
    <van-cell title="账号绑定管理" is-link />
    <van-cell title="清除缓存" is-link />
    <van-cell title="关于我们" is-link />
    <van-button type="primary" color="#ffa500" block @click="exit"
      >退出登录</van-button
    >
  </div>
</template>

<script>
import { Toast } from 'vant';
export default {
  methods: {
    onClickLeft() {
      this.$router.push("/wode");
    },
    exit() {
      this.$store.commit("exit");
      Toast({
        message: "退出成功",
        position: "bottom",
      });
      window.setTimeout(() => {
        this.$router.push("/wode");
      }, 1000);
    },
  },
};
</script>

<style>
.option_content .van-hairline--bottom::after {
  border-bottom-width: 0;
}
.option_content .van-cell {
  padding: 12px 16px;
}
</style>